<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="../assets/js/jquery-3.1.0.min.js"></script>
		<link rel="stylesheet" href="../assets/css/wStyle.css" />
		<script type="text/javascript">
			/**
			 * 打开新窗口
			 * 
			 * @param owurl
			 */
			function openNewWindow(oneOnlineUser) {
				location.href = "video.html?roomId=" + oneOnlineUser + "&userCode=" + getQueryString('userCode');
			}

			function getQueryString(name) {
				var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
				var r = location.search.substr(1).match(reg);
				if(r != null)
					return unescape(r[2]);
				return null;
			}
		</script>
		<title>医生列表</title>

		<style>
			.header2 {
				height: 120px;
				background: #31BD80;
			}
			
			.header2 p {
				height: 24px;
			}
			
			.header2 div p img {
				margin-top: 20px;
			}
		</style>
	</head>

	<body>
		<div class="header2">
			<div class="left">
				<p class="title">中国残疾人联合会</p>
				<p class="sub-title">China Disabled Persons' Federation</p>
			</div>
			<div class="right">
				<p><img src="../assets/i/icon_03.png"></p>
				<p class="sub-title" style="margin-top: 10px;">庄有真</p>
				<p style="margin-top: -5px;">151512681316811343511</p>
			</div>
			<div class="clear"></div>
		</div>
		<div class="content">

			<div class="nav">
				<ul>
					<li>首页</li>
					<li>申请</li>
					<li>预约</li>
					<li>提交</li>
					<li class="active">专家在线</li>
					<li>政治咨询</li>
					<li>政策信息</li>
				</ul>
			</div>
			<div class="list-con">
				<div>当前位置：/专家在线/<span class="crumbs">专家列表</span></div>
				<div class="list">
					<table border="0" cellspacing="0" cellpadding="0" width="100%">
						<tr>
							<td width="10%"><img src="../assets/i/content_image04.png"></td>
							<td width="10%">
								<p class="d-name">刘邦崔</p>
								<p class="d-zc">工作中</p>
							</td>
							<td width="5%">
								<p class="d-zc">专家</p>
							</td>
							<td width="65%">
								<div class="d-info">WebRTC在chrome浏览器里演示的例子很多， WebRTC的源码里就有，但是在Firefox浏览器里，例子不能使用， 网上的资料说要把 media.peerconnection.enabled 设置为True， 但是Firefox浏览器里</div>
							</td>
							<td width="10%"><button class="video">视频</button></td>
						</tr>
						<tr>
							<td width="10%"><img src="../assets/i/content_image04.png"></td>
							<td width="10%">
								<p class="d-name">刘邦崔</p>
								<p class="d-zc">工作中</p>
							</td>
							<td width="5%">
								<p class="d-zc">专家</p>
							</td>
							<td width="65%">
								<div class="d-info">WebRTC在chrome浏览器里演示的例子很多， WebRTC的源码里就有，但是在Firefox浏览器里，例子不能使用， 网上的资料说要把 media.peerconnection.enabled 设置为True， 但是Firefox浏览器里</div>
							</td>
							<td width="10%"><button class="video">视频</button></td>
						</tr>
						<tr>
							<td width="10%"><img src="../assets/i/content_image04.png"></td>
							<td width="10%">
								<p class="d-name">刘邦崔</p>
								<p class="d-zc">工作中</p>
							</td>
							<td width="5%">
								<p class="d-zc">专家</p>
							</td>
							<td width="65%">
								<div class="d-info">WebRTC在chrome浏览器里演示的例子很多， WebRTC的源码里就有，但是在Firefox浏览器里，例子不能使用， 网上的资料说要把 media.peerconnection.enabled 设置为True， 但是Firefox浏览器里</div>
							</td>
							<td width="10%"><button class="video">视频</button></td>
						</tr>
						<tr>
							<td width="10%"><img src="../assets/i/content_image04.png"></td>
							<td width="10%">
								<p class="d-name">刘邦崔</p>
								<p class="d-zc">工作中</p>
							</td>
							<td width="5%">
								<p class="d-zc">专家</p>
							</td>
							<td width="65%">
								<div class="d-info">WebRTC在chrome浏览器里演示的例子很多， WebRTC的源码里就有，但是在Firefox浏览器里，例子不能使用， 网上的资料说要把 media.peerconnection.enabled 设置为True， 但是Firefox浏览器里</div>
							</td>
							<td width="10%"><button class="video">视频</button></td>
						</tr>
						<tr>
							<td width="10%"><img src="../assets/i/content_image04.png"></td>
							<td width="10%">
								<p class="d-name">刘邦崔</p>
								<p class="d-zc">工作中</p>
							</td>
							<td width="5%">
								<p class="d-zc">专家</p>
							</td>
							<td width="65%">
								<div class="d-info">WebRTC在chrome浏览器里演示的例子很多， WebRTC的源码里就有，但是在Firefox浏览器里，例子不能使用， 网上的资料说要把 media.peerconnection.enabled 设置为True， 但是Firefox浏览器里</div>
							</td>
							<td width="10%"><button class="video">视频</button></td>
						</tr>
					</table>
					<script type="text/javascript">
						$.ajax({
							type: "get",
							url: "/getDoctorList",
							async: false,
							dataType: "json",
							success: function(data) {

								var html = '';
								for(var i = 0; i < data.length; i++) {
									html += '<tr>\
										<td width="10%"><img src="../assets/i/content_image0' + (i + 1) + '.png"></td>\
										<td width="10%">\
											<p class="d-name">' + data[i].userName + '</p>\
											<p class="d-zc' + (data[i].isonline ? '' : '-offline') + '">' + (data[i].isonline ? '在线' : '下线') + '</p>\
										</td>\
										<td width="5%">\
											<p class="d-zc">' + data[i].position + '</p>\
										</td>\
										<td width="65%">\
											<div class="d-info">' + data[i].describe + '</div>\
										</td>\
										<td width="10%"><button class="video' + (data[i].isonline ? '' : '-offline') + '" ' + (data[i].isonline ? 'onclick="openNewWindow(\'' + data[i].sessionId + '\')"' : '') + '>视频</button></td>\
									</tr>';
								}
								$('table').html(html);
							}
						});
					</script>
				</div>
			</div>

		</div>
	</body>

</html>